<html>

<head>
  <title>誉优品学</title>
  <link rel="stylesheet" href="css/common.css">
  <!--<script language="javascript" src="./js/CLodopFuncs.js"></script>-->
  <script language="javascript" src="./js/LodopFuncs.js"></script>
  <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0>
    <embed id="LODOP_EM" type="application/x-print-lodop"  width=0 height=0 />
  </object>
  <style>
    .am-table {
      width: 100%;
      margin-bottom: 1.6rem;
      border-spacing: 0;
      border-collapse: separate
    }

    .am-table>tbody>tr>td,.am-table>tbody>tr>th,.am-table>tfoot>tr>td,.am-table>tfoot>tr>th,.am-table>thead>tr>td,.am-table>thead>tr>th {
      padding: .7rem;
      line-height: 1.6;
      vertical-align: bottom;
      border-top: 1px solid #ddd
    }

    .am-table>thead>tr>th {
      vertical-align: bottom;
      border-bottom: 1px solid #ddd
    }

    .am-table>caption+thead>tr:first-child>td,.am-table>caption+thead>tr:first-child>th,.am-table>colgroup+thead>tr:first-child>td,.am-table>colgroup+thead>tr:first-child>th,.am-table>thead:first-child>tr:first-child>td,.am-table>thead:first-child>tr:first-child>th {
      border-top: 0
    }

    .am-table>tbody+tbody tr:first-child td {
      border-top: 2px solid #ddd
    }

    .am-table-bordered {
      border: 1px solid #ddd;
      border-left: none
    }

    .am-table-bordered>tbody>tr>td,.am-table-bordered>tbody>tr>th,.am-table-bordered>tfoot>tr>td,.am-table-bordered>tfoot>tr>th,.am-table-bordered>thead>tr>td,.am-table-bordered>thead>tr>th {
      border-left: 1px solid #ddd
    }

    .am-table-bordered>tbody>tr:first-child>td,.am-table-bordered>tbody>tr:first-child>th {
      border-top: none
    }

    .am-table-bordered>thead+tbody>tr:first-child>td,.am-table-bordered>thead+tbody>tr:first-child>th {
      border-top: 1px solid #ddd
    }

    .am-table-radius {
      border: 1px solid #ddd;
      border-radius: 2px
    }

    .am-table-radius>thead>tr:first-child>td:first-child,.am-table-radius>thead>tr:first-child>th:first-child {
      border-top-left-radius: 2px;
      border-left: none
    }

    .am-table-radius>thead>tr:first-child>td:last-child,.am-table-radius>thead>tr:first-child>th:last-child {
      border-top-right-radius: 2px;
      border-right: none
    }

    .am-table-radius>tbody>tr>td:first-child,.am-table-radius>tbody>tr>th:first-child {
      border-left: none
    }

    .am-table-radius>tbody>tr>td:last-child,.am-table-radius>tbody>tr>th:last-child {
      border-right: none
    }

    .am-table-radius>tbody>tr:last-child>td,.am-table-radius>tbody>tr:last-child>th {
      border-bottom: none
    }

    .am-table-radius>tbody>tr:last-child>td:first-child,.am-table-radius>tbody>tr:last-child>th:first-child {
      border-bottom-left-radius: 2px
    }

    .am-table-radius>tbody>tr:last-child>td:last-child,.am-table-radius>tbody>tr:last-child>th:last-child {
      border-bottom-right-radius: 2px
    }

    .am-table-striped>tbody>tr:nth-child(odd)>td,.am-table-striped>tbody>tr:nth-child(odd)>th {
      background-color: #f9f9f9
    }

    .am-table-hover>tbody>tr:hover>td,.am-table-hover>tbody>tr:hover>th {
      background-color: #e9e9e9
    }

    .am-table-compact>tbody>tr>td,.am-table-compact>tbody>tr>th,.am-table-compact>tfoot>tr>td,.am-table-compact>tfoot>tr>th,.am-table-compact>thead>tr>td,.am-table-compact>thead>tr>th {
      padding: .4rem
    }

    .am-table-centered>tbody>tr>td,.am-table-centered>tbody>tr>th,.am-table-centered>tfoot>tr>td,.am-table-centered>tfoot>tr>th,.am-table-centered>thead>tr>td,.am-table-centered>thead>tr>th {
      text-align: center
    }

    .am-table>tbody>tr.am-active>td,.am-table>tbody>tr.am-active>th,.am-table>tbody>tr>td.am-active,.am-table>tbody>tr>th.am-active,.am-table>tfoot>tr.am-active>td,.am-table>tfoot>tr.am-active>th,.am-table>tfoot>tr>td.am-active,.am-table>tfoot>tr>th.am-active,.am-table>thead>tr.am-active>td,.am-table>thead>tr.am-active>th,.am-table>thead>tr>td.am-active,.am-table>thead>tr>th.am-active {
      background-color: #ffd
    }

    .am-table>tbody>tr.am-disabled>td,.am-table>tbody>tr.am-disabled>th,.am-table>tbody>tr>td.am-disabled,.am-table>tbody>tr>th.am-disabled,.am-table>tfoot>tr.am-disabled>td,.am-table>tfoot>tr.am-disabled>th,.am-table>tfoot>tr>td.am-disabled,.am-table>tfoot>tr>th.am-disabled,.am-table>thead>tr.am-disabled>td,.am-table>thead>tr.am-disabled>th,.am-table>thead>tr>td.am-disabled,.am-table>thead>tr>th.am-disabled {
      color: #999
    }

    .am-table>tbody>tr.am-primary>td,.am-table>tbody>tr.am-primary>th,.am-table>tbody>tr>td.am-primary,.am-table>tbody>tr>th.am-primary,.am-table>tfoot>tr.am-primary>td,.am-table>tfoot>tr.am-primary>th,.am-table>tfoot>tr>td.am-primary,.am-table>tfoot>tr>th.am-primary,.am-table>thead>tr.am-primary>td,.am-table>thead>tr.am-primary>th,.am-table>thead>tr>td.am-primary,.am-table>thead>tr>th.am-primary {
      color: #0b76ac;
      background-color: rgba(14,144,210,.115)
    }

    .am-table>tbody>tr.am-success>td,.am-table>tbody>tr.am-success>th,.am-table>tbody>tr>td.am-success,.am-table>tbody>tr>th.am-success,.am-table>tfoot>tr.am-success>td,.am-table>tfoot>tr.am-success>th,.am-table>tfoot>tr>td.am-success,.am-table>tfoot>tr>th.am-success,.am-table>thead>tr.am-success>td,.am-table>thead>tr.am-success>th,.am-table>thead>tr>td.am-success,.am-table>thead>tr>th.am-success {
      color: #5eb95e;
      background-color: rgba(94,185,94,.115)
    }

    .am-table>tbody>tr.am-warning>td,.am-table>tbody>tr.am-warning>th,.am-table>tbody>tr>td.am-warning,.am-table>tbody>tr>th.am-warning,.am-table>tfoot>tr.am-warning>td,.am-table>tfoot>tr.am-warning>th,.am-table>tfoot>tr>td.am-warning,.am-table>tfoot>tr>th.am-warning,.am-table>thead>tr.am-warning>td,.am-table>thead>tr.am-warning>th,.am-table>thead>tr>td.am-warning,.am-table>thead>tr>th.am-warning {
      color: #F37B1D;
      background-color: rgba(243,123,29,.115)
    }

    .am-table>tbody>tr.am-danger>td,.am-table>tbody>tr.am-danger>th,.am-table>tbody>tr>td.am-danger,.am-table>tbody>tr>th.am-danger,.am-table>tfoot>tr.am-danger>td,.am-table>tfoot>tr.am-danger>th,.am-table>tfoot>tr>td.am-danger,.am-table>tfoot>tr>th.am-danger,.am-table>thead>tr.am-danger>td,.am-table>thead>tr.am-danger>th,.am-table>thead>tr>td.am-danger,.am-table>thead>tr>th.am-danger {
      color: #dd514c;
      background-color: rgba(221,81,76,.115)
    }
  </style>
</head>

<body style="padding: 20px;
      font-size: 12px;">
<div id="main" style="font-size: 12px;padding: 20px;">
  <div style="text-align: center;font-size: 20px;margin-bottom: 22px;font-weight: bold">提现单</div>
  <form class="am-form tpl-form-border-form tpl-form-border-br" data-am-validator :id="id" onsubmit="return false ">
    <table style="font-size: 13px;    width: 750px;
    margin-bottom: 1.6rem;
    border-spacing: 0;
    border-collapse: separate;    border: 1px solid #ddd;" width="100%" class="am-table am-table-bordered am-table-compact am-table-striped am-text-nowrap">
        <thead class="bg-color">
        <tr>
          <th style="text-align: center">学生姓名</th>
          <th style="text-align: center">学生学号</th>
          <th style="text-align: center">年级</th>
          <th style="text-align: center">就读学校</th>
          <th style="text-align: center">电话</th>
          <th style="text-align: center">申请提现余额</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td style="text-align: center"><span id="studentName"></span></td>
          <td style="text-align: center"><span id="studentNo"></span></td>
          <td style="text-align: center"><span id="gradeName"></span></td>
          <td style="text-align: center"><span id="school"></span></td>
          <td style="text-align: center"><span id="phoneNo"></span></td>
          <td style="text-align: center"><span id="amount"></span></td>
        </tr>
        </tbody>
      </table>
    <table style="font-size: 13px;    width: 750px;
    margin-bottom: 0;
    border-spacing: 0;
    border-collapse: separate;    border: 1px solid #ddd;" width="100%" class="am-table am-table-bordered am-table-compact">
      <tbody>
      <tr>
        <td style="width: 160px;height: 60px" >申请提现原因</td>
        <td>
          <div>
            <div style="width: 30%;  display: inline-block;float: left"><span id="reasonRemark"></span></div>
            <div style="width: 30%;  display: inline-block;float: left">申请人签名：<span id="operatorName"></span></div>
            <div style="width: 30%;  display: inline-block;float: left">日期：<span id="createTime"></span></div>
          </div>
        </td>
      </tr>
      <tr>
        <td style="width: 160px;height: 60px">负责人审批</td>
        <td>
          <div>
            <div style="width: 30%;  display: inline-block;float: left"><span id="auditRemark"></span></div>
            <div style="width: 30%;  display: inline-block;float: left">负责人签名：<span id="auditName"></span></div>
            <div style="width: 30%;  display: inline-block;float: left">日期：<span id="auditTime"></span></div>
          </div>
        </td>
      </tr>
      <tr>
        <td style="width: 160px;height: 60px">提现账户信息及金额</td>
        <td class="info">
          <div><span style="display: inline-block;  width: 149px;">姓名：</span><span id="cardUser"></span></div>
          <div><span style="display: inline-block;  width: 149px;">开户银行：</span><span id="bankName"></span></div>
          <div><span style="display: inline-block;  width: 149px;">开户账号：</span><span id="cardNo"></span></div>
          <div><span style="display: inline-block;  width: 149px;">提现金额（单位：元）</span><span id="amount2"></span></div>
          <div><span style="display: inline-block;  width: 149px;">大写：人民币 </span><span id="bigAmount"></span></div>
        </td>
      </tr>
      </tbody>
    </table>
    <div>
      <div style="text-align: center;margin: 18px;font-weight: bold">退费申请受理回执</div>
      <p>1. 您提交的退费资料已收悉，本次收取的资料仅作退费使用，不作其他用途。</p>
      <p>2. 退费金额（小写）：¥ <span id="amount3"></span>元，该退费金额预计于您提交资料之日起10个工作日到账，若您仍有疑问，请与受理校区咨询。</p>
      <div style="margin-left: 550px;margin-top: 20px;">受理校区：<span id="acceptCampusName"></span></div>
      <div style="margin-left: 550px;margin-top: 20px;">受理日期：<span id="createTime2"></span></div>
    </div>
  </form>
</div>
<!-- <script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script> -->
<!-- <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> -->
<!-- 本地 -->
<script src="./js/jquery-3.0.0.min.js"></script>
<script>
  var LODOP
  $(function () {
    var data = JSON.parse(sessionStorage.getItem('withdrawalDetail')),extra = JSON.parse(data.extra)
    var studentName = extra.name
    studentNo = extra.studentNo
    gradeName = extra.gradeName
    school = extra.school
    phoneNo = extra.phoneNo
    amount = data.amount
    bigAmount = data.bigAmount
    operatorName = data.operatorName
    createTime = data.createTime
    reasonRemark = data.reasonRemark
    auditName = data.auditName
    auditTime = data.auditTime
    cardUser = data.cardUser
    bankName = data.bankName
    cardNo = data.cardNo
    acceptCampusName = data.acceptCampusName
    status = data.status
    auditRemark = data.auditRemark || '&nbsp;'

    $('#auditRemark').html(auditRemark)
    $('#status').html(status)
    $('#studentName').html(studentName)
    $('#studentNo').html(studentNo)
    $('#gradeName').html(gradeName)
    $('#school').html(school)
    $('#phoneNo').html(phoneNo)
    $('#amount').html(amount)
    $('#auditName').html(auditName)
    $('#createTime').html(createTime)
    $('#createTime2').html(createTime)
    $('#reasonRemark').html(reasonRemark)
    $('#operatorName').html(operatorName)
    $('#auditTime').html(auditTime)
    $('#cardUser').html(cardUser)
    $('#bankName').html(bankName)
    $('#cardNo').html(cardNo)
    $('#amount2').html(amount)
    $('#bigAmount').html(bigAmount)
    $('#amount3').html(amount)
    $('#acceptCampusName').html(acceptCampusName)
    $('#auditTime2').html(auditTime)
    CheckIsInstall()
  })
  function CheckIsInstall() {
    try{
      var LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
      if (LODOP.VERSION) {
        if (LODOP.CVERSION)
          console.log("当前有C-Lodop云打印可用!\n C-Lodop版本:"+LODOP.CVERSION+"(内含Lodop"+LODOP.VERSION+")");
        else
          console.log("本机已成功安装了Lodop控件！\n 版本号:"+LODOP.VERSION);

      };
    }catch(err){
    }
  };

  function print() {
    CreatePrintPage()
    LODOP.PRINT();
  }

  function CreatePrintPage() {
    LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
    LODOP.ADD_PRINT_HTM(0,0,"100%","100%",document.documentElement.innerHTML);
    LODOP.PREVIEW();
  };
</script>


</body>

</html>
